.mv-list {
    margin-top: 20px;
    height: 600px;
    .mv-list-item{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        .item{
         width: 50%;
         position: relative;
         height: 86px;
         margin-bottom: 18px;
         overflow: hidden;
         cursor: pointer;
         img {
             width: 150px;
         }
         span{
             margin: 0 10px 0 5px;
             width: 22px;
             display: inline-block;
         }
         &:hover .play-icon {
             transform: translateX(-95px) translateY(-80%);;
 
         }
 
         .play-count{
             position: absolute;
             width: 150px;
             left: 36px;
             top:0;
             background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
             color: #fff;
             text-align: right;
         }
         .name{
            position: absolute;
            width: 200px;
            top: 8px;
            left: 200px;
             height: 22px;
             overflow: hidden;
         }
         .singer-name{
            position: absolute;
            top: 60px;
            left: 200px;
             font-size: 14px;
             height: 16px;
             color:#999
         }
         .play-icon{
             font-size: 26px;
             position: absolute;
             top:50%;
             transform: translateY(-250px) ;
             transition: all 0.6s;
             color: #3085e7;
             
         }
        }
    }
 }